如何给图表添加标题？

问题描述

类似官网示例这样的折线图，我希望给图表上方添加标题描述，该如何配置？

解决方案

在 VChart 中，只需要配置 title.text（标题文本）和 title.subtext（副标题文本）即可。 另外，你可以通过 title.textStyle 和 title.subtextStyle 配置来分别调整标题的样式。

title: {
    text: 'Line chart',
    subtext:
      'The line chart is a simple, two-dimensional chart with an X and Y axis, each point representing a single value.',
    textStyle: {
      fontSize: 20
    },
    subtextStyle: {
      fontStyle: 'italic'
    }
}

代码示例

相关文档

• 更多标题 demo
• 标题教程
• 相关 API
• github